oyunlar burda sizler

ccs tasarım

Tasarım üstüne

<div id="wrap"> 		 		 		<div id="header">			 				 			<h1 id="logo-text">Css<span class="gray">Box</span></h1>		 			<h2 id="slogan">Csstasarımınız burda..</h2> 				 			<form class="search" method="post" action="#"> 				<p> 	  			<input class="textbox" type="text" name="search_query" value="" /> 	 			<input class="button" type="submit" name="Submit" value="Search" /> 				</p> 			</form>			 				 		</div> 		 			 		<div  id="menu"> 			<ul> 				<li id="current"><a href="index.html" _fcksavedurl="index.html">Home</a></li> 				<li><a href="index.html" _fcksavedurl="index.html">Archives</a></li> 				<li><a href="index.html" _fcksavedurl="index.html">Downloads</a></li> 				<li><a href="index.html" _fcksavedurl="index.html">Services</a></li> 				<li><a href="index.html" _fcksavedurl="index.html">Support</a></li> 				<li><a href="index.html" _fcksavedurl="index.html">About</a></li>		 			</ul> 		</div>					 			 		 		<div id="content-wrap"> 				 			<div id="sidebar"> 					 				<h1>Sidebar Menu</h1> 				<div class="left-box"> 					<ul class="sidemenu">				 						<li><a href="index.html" _fcksavedurl="index.html">Home</a></li> 						<li><a href="#TemplateInfo" _fcksavedurl="#TemplateInfo">Template Info</a></li> 						<li><a href="#SampleTags" _fcksavedurl="#SampleTags">Sample Tags</a></li> 						<li><a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">More Free Templates</a></li>	 						<li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>	 					</ul>	 				</div> 			 				<h1>Site Partners</h1> 				<div class="left-box"> 					<ul class="sidemenu">    					<li><a href="http://partners.ipower.com/z/57/CD5822/" _fcksavedurl="http://partners.ipower.com/z/57/CD5822/">IPowerweb</a></li> 						<li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">4templates</a></li> 						<li><a href="http://www.fotolia.com/partner/114283" _fcksavedurl="http://www.fotolia.com/partner/114283">Fotolia.com</a></li>						 						<li><a href="http://www.bigstockphoto.com/?refid=grKPpdNw6k" _fcksavedurl="http://www.bigstockphoto.com/?refid=grKPpdNw6k">BigStockPhoto.com</a></li>				 						<li><a href="http://www.text-link-ads.com/?ref=40025" _fcksavedurl="http://www.text-link-ads.com/?ref=40025">Text Link Ads</a></li>    					</ul>	 				</div> 				 				<h1>Wise Words</h1> 				<div class="left-box"> 					<p>"To be concious that you are ignorant of the 					facts is a great step to knowledge" </p> 					 					<p class="align-right">- Benjamin Disraeli</p> 				</div>

Tasarımın altına

Css koduna

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /********************************************    AUTHOR:  			Erwin Aligam     WEBSITE:   			http://www.styleshout.com/ 	TEMPLATE NAME:		Refresh    TEMPLATE CODE: 	S-0002    VERSION:          1.0          	  *******************************************/   /********************************************    HTML ELEMENTS ********************************************/   /* Top Elements */ * { margin: 0; padding: 0; }  body { 	background: #CCCCCC; 	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; 	color: #333;  	text-align: center; }  /* links */ a, a:visited { 	text-decoration: none; 	color: #4F82CB;  	background: inherit; } a:hover { 	color: #4EBF37; 	background: inherit; }  /* headers */ h1, h2, h3 { 	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; 	font-weight: Bold; 		 } h1 { 	font-size: 120%;	 } h2 { 	font-size: 110%; 	text-transform: uppercase; 	color: #88ac0b; } h3 { 	font-size: 110%; 	color: #666666;  }  /* images */ img { 	border: 2px solid #CCC; } img.float-right {   margin: 5px 0px 10px 10px;   } img.float-left {   margin: 5px 10px 10px 0px; }  h1, h2, h3, p { 	padding: 10px;		 	margin: 0; } ul, ol { 	margin: 5px 20px; 	padding: 0 20px; 	color: #88ac0b;	 } ul span, ol span { 	color: #666666; }  code {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;     font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;   /* white-space: pre; */   background: #FAFAFA;   border: 1px solid #f2f2f2;   } acronym {   cursor: help;   border-bottom: 1px solid #777; } blockquote { 	margin: 10px;  	padding: 0 0 0 28px;      border: 1px solid #f2f2f2;    	background: #FAFAFA url(http://www.opendesigns.org/designs/148/images/quote.gif) no-repeat 5px 5px;     }  /* form elements */ form { 	margin:10px; padding: 0 5px; 	border: 1px solid #f2f2f2;  	background-color: #FAFAFA;  } label { 	display:block; 	font-weight:bold; 	margin:5px 0; } input { 	padding:2px; 	border:1px solid #eee; 	font: normal 1em Verdana, sans-serif; 	color:#777; } textarea { 	width:400px; 	padding:2px; 	font: normal 1em Verdana, sans-serif; 	border:1px solid #eee; 	height:100px; 	display:block; 	color:#777; } input.button {  	margin: 0;  	font: bolder 12px Arial, Sans-serif;  	border: 1px solid #CCC;  	padding: 2px 3px;  	background: #FFF; 	color: #88ac0b; }  /* search */ form.search { 	position: absolute; 	top: 35px; right: 25px; 	background: transparent; 	border: none;	 }	 form.search input.textbox { 	margin: 0; padding: 1px 2px; 	width: 120px; 	background: #FFF; 	color: #333;  } form.search input.button { 	background: #CCC url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x; 	color: #333; 	border: none;	 	width: 70px; height: 21px; }  /********************************************    LAYOUT ********************************************/  #wrap { 	width: 820px; 	background: #CCC url(http://www.opendesigns.org/designs/148/images/content.jpg) repeat-y center top; 	margin: 0 auto; 	text-align: left; } #content-wrap { 	clear: both; 	width: 760px; 	padding: 0;  	margin: 0 auto; } #header { 	width: 820px; 	position: relative; 	height: 106px; 	background: #CCC url(http://www.opendesigns.org/designs/148/images/header.jpg) no-repeat center top; 	padding: 0; 	font-size: 14px; 	color: #FFF; } #header h1#logo-text { 	position: absolute; 	margin: 0; padding: 0; 	font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif; 	letter-spacing: -2px; 	color: #FFF; 	text-transform: none; 	 	/* change the values of top and left to adjust the position of the logo*/ 	top: 28px; left: 50px;	 } #header h2#slogan { 	position: absolute; 	margin: 0; padding: 0; 	font: normal .8em 'Trebuchet MS', Arial, Sans-serif; 	text-transform: none; 	color: #FFF; 	 	/* change the values of top and left to adjust the position of the slogan*/ 	top: 74px; left: 58px;		 }  /* Menu */ #menu { 	clear: both;	 	margin: 0; padding: 0 40px 0 0; 	background: url(http://www.opendesigns.org/designs/148/images/menu.jpg) repeat-y center top;	 	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif; 	height: 26px; } #menu ul { 	float: right; 	list-style: none; 	margin:0; padding: 0; } #menu ul li { 	display: inline; } #menu ul li a { 	display: block; 	float: left; 	padding: 0 8px; 	color: #FFF;	 	text-decoration: none; } #menu ul li a:hover { 	background-color: #ECECEC; 	color: #333;	 } #menu ul li#current a {	 	background-color: #FFF; 	color: #333; }  /* Main Column */ #main { 	float: right; 	width: 72%; 	padding: 0; margin: 0; } #main h1 { 	margin-top: 10px; 	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; 	color: #88ac0b; 	padding: 5px 0 5px 25px; 	 	border-bottom: 1px solid #EFF0F1; 	background: #FFF url(http://www.opendesigns.org/designs/148/images/square-green.png) no-repeat 3px 50%;	 }  .post-footer { 	background-color: #FAFAFA; 	padding: 5px; margin: 20px 10px 0 10px; 	border: 1px solid #f2f2f2; 	font-size: 95%;	 } .post-footer .date { 	background: url(http://www.opendesigns.org/designs/148/images/clock.gif) no-repeat left center; 	padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { 	background: url(http://www.opendesigns.org/designs/148/images/comment.gif) no-repeat left center; 	padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { 	background: url(http://www.opendesigns.org/designs/148/images/page.gif) no-repeat left center; 	padding-left: 20px; margin: 0 10px 0 5px; }  /* Sidebar */	 #sidebar { 	float: left; 	width: 26.5%; 	padding: 0; margin: 0;	 }	 #sidebar h1 { 	margin-top: 10px; 	padding: 5px 0 5px 10px;  	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; 	color: #555; 	background: #EEF0F1 url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x left bottom;	 	border: 1px solid #EFF0F1; } #sidebar .left-box { 	border: 1px solid #EFF0F1;  	margin: 0 0 5px 0;	 } #sidebar ul.sidemenu { 	list-style: none; 	text-align: left; 	margin: 3px 0 8px 0; padding: 0; 	text-decoration: none;		 } #sidebar ul.sidemenu li { 	border-bottom: 1px solid #EFF0F1; 	background: url(http://www.opendesigns.org/designs/148/images/go.gif) no-repeat 5px 5px;	 	padding: 2px 0 2px 25px; 	margin: 0 2px;	 } #sidebar ul.sidemenu a { 	font-weight: bolder; 	text-decoration: none;	 	background-image: none;	 }  /* Footer */	 #footer { 	color: #666666; 	background: #CCC url(http://www.opendesigns.org/designs/148/images/footer.jpg) no-repeat center top; 	clear: both; 	width: 820px; 	height: 55px; 	text-align: center;	 	font-size: 92%; } #footer a { text-decoration: none; }  /* alignment classes */ .float-left  { float: left; } .float-right { float: right; } .align-left  { text-align: left; } .align-right { text-align: right; }  /* display and additional classes */ .clear { clear: both; } .gray { color: #CCC; }  </body></html>

Tasarımın Üstüne

Tasarımın Altına

<div class="post" id="post-19"> 			<div class="post-comments"> 						<span>-</span>						</div>  				<h1>WwW.CsSTaSaRiMi.Tr.Gg</h1> 				<div class="postdata"> Bilgi Güçtür, Paylaştıkça Büyür!</div>		<div id="container"> 			<div id="header_container"> 				<div id="pre_header"></div> 				<div class="header"><h1 id="header"><span> </span></h1></div>  				<div id="post_header"></div> 			</div> 			<div id="nav_container"> 			<h2 id="nav_heading"><span></span></h2> 				<ul id="nav"> 				             					<li class="nav_element checked_menu" id="nav_AnaSayfa"><a href="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm" class="menu"><span>Ana Sayfa</span></a></li> 				             					<li class="nav_element" id="nav_iletisim"><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm" class="menu"><span>iletisim</span></a></li> 				             					<li class="nav_element" id="nav_SiteyiYorumLa"><a href="/Siteyi-YorumLa.htm" _fcksavedurl="/Siteyi-YorumLa.htm" class="menu"><span>Siteyi YorumLa</span></a></li>  				             					<li class="nav_element" id="nav_TsrmCity"><a href="/csstasarimi/index.htm" _fcksavedurl="/csstasarimi/index.htm" class="menu"><span>CssTasarimi</span></a></li> 				             					<li class="nav_element" id="nav_Tasarimlar"><a href="/Tasarimlar.htm" _fcksavedurl="/Tasarimlar.htm" class="menu"><span>Tasarimlar</span></a></li> 				             					<li class="nav_element" id="nav_Htmlkod"><a href="/Html_kod.htm" _fcksavedurl="/Html_kod.htm" class="menu"><span>Html-kod</span></a></li> 				             					<li class="nav_element" id="nav_PhotoShop"><a href="/PhotoShop.htm" _fcksavedurl="/PhotoShop.htm" class="menu"><span>PhotoShop</span></a></li> 				             					<li class="nav_element" id="nav_ButonKodlari"><a href="/Buton-Kodlari.htm" _fcksavedurl="/Buton-Kodlari.htm" class="menu"><span>Buton Kodlari</span></a></li> 				             					<li class="nav_element" id="nav_CSSTasarim"><a href="/CSS_Tasarim.htm" _fcksavedurl="/CSS_Tasarim.htm" class="menu"><span>CSS-Tasarim</span></a></li>  				             					<li class="nav_element" id="nav_304ceblueTasarim"><a href="/%26%23304%3Bceblue-Tasarim.htm" _fcksavedurl="/%26%23304%3Bceblue-Tasarim.htm" class="menu"><span>İceblue Tasarim</span></a></li> 				             					<li class="nav_element" id="nav_red"><a href="/red.htm" _fcksavedurl="/red.htm" class="menu"><span>red</span></a></li> 				             					<li class="nav_element" id="nav_ButterFly"><a href="/ButterFly.htm" _fcksavedurl="/ButterFly.htm" class="menu"><span>ButterFly</span></a></li> 				             					<li class="nav_element" id="nav_KodYapimi"><a href="/Kod-Yapimi.htm" _fcksavedurl="/Kod-Yapimi.htm" class="menu"><span>Kod Yapimi</span></a></li> 				             					<li class="nav_element" id="nav_Kodlar"><a href="/Kodlar.htm" _fcksavedurl="/Kodlar.htm" class="menu"><span>Kodlar</span></a></li> 				             					<li class="nav_element" id="nav_KodEditr"><a href="/Kod-Edit.oe.r.htm" _fcksavedurl="/Kod-Edit.oe.r.htm" class="menu"><span>Kod Editör</span></a></li>  				             					<li class="nav_element" id="nav_Free"><a href="/Free.htm" _fcksavedurl="/Free.htm" class="menu"><span>Free</span></a></li> 				             					<li class="nav_element" id="nav_Ps304ndir"><a href="/Ps-%26%23304%3Bndir.htm" _fcksavedurl="/Ps-%26%23304%3Bndir.htm" class="menu"><span>Ps İndir</span></a></li> 				             					<li class="nav_element" id="nav_Kullanimi"><a href="/Kullanimi.htm" _fcksavedurl="/Kullanimi.htm" class="menu"><span>Kullanimi</span></a></li> 				             					<li class="nav_element" id="nav_Dersler"><a href="/Dersler.htm" _fcksavedurl="/Dersler.htm" class="menu"><span>Dersler</span></a></li> 				             					<li class="nav_element" id="nav_Fonlar"><a href="/Fonlar.htm" _fcksavedurl="/Fonlar.htm" class="menu"><span>Fonlar</span></a></li> 				             					<li class="nav_element" id="nav_Yenisayfan305nba351l305287305"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" class="menu"><span>Yeni sayfanın başlığı</span></a></li>  				             					<li class="nav_element" id="nav_Yenisayfan305nba351l305287"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" class="menu"><span>Yeni sayfanın başlığ</span></a></li> 				             					<li class="nav_element" id="nav_WebDersleri"><a href="/Web-Dersleri.htm" _fcksavedurl="/Web-Dersleri.htm" class="menu"><span>Web Dersleri</span></a></li> 				             					<li class="nav_element" id="nav_Windows"><a href="/Windows.htm" _fcksavedurl="/Windows.htm" class="menu"><span>Windows</span></a></li> 								</ul> 			</div> 			<div id="content_container">  			<div id="pre_content"></div> 			<div id="content"> 			<h2 id="title"><span>Ana Sayfa</span></h2> 			</div> 			<div id="counter"><span>Bugün 4 ziyaretçi (5 klik) kişi burdaydı!</span></div> 			<div id="post_content"></div>  						<div id="sidebar_container"> 				<h2 id="sidebar_heading"><span></span></h2> 				<div id="sidebar_content"></div> 			</div> 			</div> 		</div> 		</div>   	</div>  <div id="sidebar"> <div id="sidebar-top"></div>  <div id="sidebar-content">  			<div id="subcolumn"> 				<div id="search"> 					 <form id="searchform" method="get" action="http://wp-themes.com/"> 						<div> 							<input name="s" id="s" value="" size="35" class="form-input" type="text"> 							<input name="search" value="Search" class="search-submit" type="submit">  						</div> 					</form>	       	</div>  			 		 		<div class="widget">			 				<h2 class="hl">Calendar</h2> 				<div align="center"> 					<table id="wp-calendar" summary="Calendar"> 	<caption>November 2008</caption>  	<thead> 	<tr> 		<th abbr="Monday" scope="col" title="Monday">M</th> 		<th abbr="Tuesday" scope="col" title="Tuesday">T</th> 		<th abbr="Wednesday" scope="col" title="Wednesday">W</th> 		<th abbr="Thursday" scope="col" title="Thursday">T</th> 		<th abbr="Friday" scope="col" title="Friday">F</th>  		<th abbr="Saturday" scope="col" title="Saturday">S</th> 		<th abbr="Sunday" scope="col" title="Sunday">S</th> 	</tr> 	</thead>  	<tfoot> 	<tr> 		<td abbr="October" colspan="3" id="prev"><a href="http://wp-themes.com/?m=200810" _fcksavedurl="http://wp-themes.com/?m=200810" title="View posts for October 2008">« Oct</a></td>  		<td class="pad"> </td> 		<td colspan="3" id="next" class="pad"> </td> 	</tr> 	</tfoot>  	<tbody> 	<tr> 		<td colspan="5" class="pad"> </td><td>1</td><td>2</td>  	</tr> 	<tr> 		<td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td> 	</tr> 	<tr>  		<td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td> 	</tr> 	<tr> 		<td>17</td><td>18</td><td>19</td><td>20</td><td id="today">21</td><td>22</td><td>23</td>  	</tr> 	<tr> 		<td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td> 	</tr> 	</tbody>  	</table>  				</div> 		</div> 		 			<div class="widget">			 				<h2 class="hl">Blogroll</h2> 				<ul> 					<li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>  <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> 				</ul> 		</div> 		 		<div class="widget">			 				<h2 class="hl">Categories</h2> 				<ul>  							<li class="cat-item cat-item-5"><a href="http://wp-themes.com/?cat=5" _fcksavedurl="http://wp-themes.com/?cat=5" title="View all posts filed under Parent">Parent</a> (1) <ul class="children"> 	<li class="cat-item cat-item-6"><a href="http://wp-themes.com/?cat=6" _fcksavedurl="http://wp-themes.com/?cat=6" title="View all posts filed under First Child Category">First Child Category</a> (1) </li> 	<li class="cat-item cat-item-7"><a href="http://wp-themes.com/?cat=7" _fcksavedurl="http://wp-themes.com/?cat=7" title="View all posts filed under Second Child Category">Second Child Category</a> (1) 	<ul class="children"> 	<li class="cat-item cat-item-8"><a href="http://wp-themes.com/?cat=8" _fcksavedurl="http://wp-themes.com/?cat=8" title="View all posts filed under One Grandchild Category">One Grandchild Category</a> (1)  </li> 	</ul> </li> </ul> </li> 	<li class="cat-item cat-item-1"><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="View all posts filed under Uncategorized">Uncategorized</a> (6) </li> 				</ul> 		</div> 		 		<div class="widget">			 				<h2 class="hl">Archives</h2>  				<ul> 							<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="October 2008">October 2008</a> (1)</li> 	<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="September 2008">September 2008</a> (1)</li> 	<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="June 2008">June 2008</a> (5)</li> 				</ul> 		</div>  		 		 		 			 	</div>   </div> <div id="sidebar-bottom"></div>  </div>   <div class="clear"></div>    </div>   </div>  <div id="bottom"> <p style="padding-top: 110px; clear: both;">Copyright © 2008  <b>Theme Preview</b> All rights reserved. Theme by <a style="text-decoration: none; color: rgb(99, 85, 55);" href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="Geek with Laptop">CssTasarimi</a>.</p>

Css Koduna

h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /*  Theme Name: Desk Mess Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com" _fcksavedurl="http://www.geekwithlaptop.com">Geek with Laptop</a> Version: 1.4 Author: Geek With Laptop Author URL: http://www.geekwithlaptop.com Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar,   The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php */  /* = GLOBAL = */ * {margin:0;padding:0;} body { 	margin: 0; 	padding: 0; 	background:#ae8858 url(http://wp-themes.com/wp-content/themes/desk-mess/images/bg.jpg) repeat top left; 	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; 	font-size: 12px; 	line-height:21px; 	color: #635537; } a:link, a:visited, a:active { 	color: #d21600; 	text-decoration: none; } a:hover { 	text-decoration: underline; } h1 { 	font-size:25px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:2px; } h2 { 	font-size:20px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:11px; 	padding-top:15px;  } h3 { 	font-size:17px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:10px; 	padding-top:14px; } /* === HEADER === */ #header-container { 	width: 990px; 	margin: auto; 	padding: 0; } #header{ 	position:relative; 	height:295px; } #cup { 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/cup.png) no-repeat; 	height:275px; 	width:259px; 	margin-top:26px; } #logo { 	margin-left:-37px; 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/logo.png) no-repeat; 	width:304px; 	height:170px; } #logo h2{ 	font:"Copperplate Gothic Bold", Arial, sans-serif; 	font-size:30px; 	color:#fff; 	text-align:center; 	margin:70px 0 0 24px; 	width:280px; } #logo p{ 	color:#fff; 	margin-left:15px; 	text-align:center; 	} #headerright{ 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/righthead.png) no-repeat; 	width:534px; 	height:295px; 	margin-left:-85px; }  /* === MENU === */  #menu { height:55px; left:20px; margin:0; padding:0; position:absolute; text-transform:uppercase; top:248px; } #menu, #menu ul { line-height:3.5; list-style-image:none; list-style-position:outside; list-style-type:none; } #menu a, #menu a:hover { border:medium none; display:block; text-decoration:none; } #menu li { background:transparent url(http://wp-themes.com/wp-content/themes/desk-mess/images/menu_button2.png) repeat scroll 0 0; float:left; height:61px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:2px; margin-right:2px; text-align:center; width:99px; } #menu a, #menu a:visited { color:#332613; display:block; font-weight:bold; padding:10px 12px; } #menu a:hover, #menu a:active { color:#D21600; text-decoration:none; }          /* === MAIN AREA == */  .clear { 	position: relative; 	clear: both; 	height: 5px; } #wrapper { 	margin: 0 auto; 	position: relative; 	width: 977px; 	background-image: url(http://wp-themes.com/wp-content/themes/desk-mess/images/mainmidpart.png); 	background-repeat: repeat-y; } #mainwrap{	 	width:990px; 	margin:0 auto; 	} #maintop { 	margin: 0 auto; 	position: relative; 	width: 977px; } #maintopimg { 	position: relative; 	padding:0; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/maintoppart.png); 	height:113px; } #conttent { 	position: relative; 	width: 950px; 	margin: 0 0 0 45px; }  /* === MAIN BLOG === */  #main-blog { 	float:left; 	width:580px; 	padding:15px 10px 10px 10px; } #main-blog h1 { 	font-size:22px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:2px; } #main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{ 	color:#4a4131; 	text-decoration:none; 	border-bottom:1px solid #b2b0a4; } #main-blog h1 a:hover{ 	color:#d21600; 	text-decoration:none; 	border-bottom:1px solid #d21600; } .postdata { 	margin-bottom: 20px; 	font-size: 12px; 	font-weight: normal; 	font-style:italic; 	color: #4a4131; } .post { 	margin-bottom:60px; }  .post p { 	margin:0; 	padding:0 0 10px; }  post ul { 	margin-left:35px } .post-comments { 	float: right; 	width: 63px; 	height: 61px; 	padding:18px 0 0 24px; 	font-size:18px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	margin:-7px 20px 0 0; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/commentbck.png) no-repeat; } .post-social { 	float: right; 	width: 78px; 	height: 74px; 	margin:-22px 30px 0 0; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/socialbck.png) no-repeat; } .rss {	  		background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/rssicon.png) no-repeat 0 50%; 		padding-left:20px; 		padding-top:1px; }  .post-comments a:link, .post-comments a:visited, .post-comments a:active{ 	color:#4a4131; 	text-decoration:none; } .post-comments a:hover { 	color:#d21600; 	text-decoration:none; }  /* === SIDEBAR == */ #sidebar-top { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebartop.png) no-repeat; 	height: 90px; 	min-height: 90px; } #sidebar-content { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarmid.png) repeat-y; 	padding:9px 30px 30px 30px; } #sidebar-bottom { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarbottom.png) no-repeat; 	height: 37px; 	min-height: 37px; 	text-align:right; 	margin-left:-1px; } #sidebar { 	width:305px; 	position:relative; 	float:left; 	margin:-20px 0 0 -8px;	 }		 .subcolumn{ 	width:255px; } #search{ 	width:252px; 	height:125px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/searchbck.png) no-repeat; 	margin-left:4px; }  .form-input { 	margin: 65px 10px 10px 37px; 	width: 173px; 	padding: 2px 2px; 	background: #faf6f6; 	border: 1px solid #e3dccb; 	color: #666; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 0.8em; }   .form-input:focus { 	background:#f2f0f0; 	border: 1px solid #b5b4b2;	 }  .search-submit { 	margin:0 0 0 84px; 	width: 85px;	 	background: #faf6f6; 	border: 1px solid #e3dccb; 	color: #666; 	font-size:.85em;	 } .widget { 	width:252px; 	margin-left:4px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgetbck.png) repeat-y; 	border-bottom:1px solid #e3dccb; 	margin-bottom:20px; 	text-align:center; 	padding-bottom:10px; 	margin-top:10px; 	 } #calendar_wrap{ 	margin-left:55px; 	} .widget p { 	padding-left:5px; 	} 	 	 .widget h2 { 	height:40px; 	width:252px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgeth2.png) no-repeat; 	text-align:center; 	padding:22px 0 0 0; 	font-size:20px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	color:#4a4131; 	margin:0; } .widget ul { 	margin:0 0 15px 0; 	padding:5px 0; 	border:none ; 	list-style:none; } .widget ul li { 	padding:5px 15px 10px 15px; 	margin:0px; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/listseparator.png) no-repeat 25% 100%; } .widget ul li a{ 	color: #d21600; 	text-decoration:none; } .textwidget{ 	padding:0 8px 0 8px; 	} .widget ul li a:hover{ 	color: #635537; 	text-decoration:none; }		  /* --- IMAGES --- */  img { 	 } p img { 	padding: 0; 	max-width: 100%;	 } img.aligncenter { 	border: 1px solid #59350b; 	margin-left: auto; 	margin-right: auto; 	display: block; } img.alignright { 	border: 1px solid #59350b; 	margin: 0 0 13px 13px; 	display: inline; } img.alignleft { 	border: 1px solid #59350b; 	margin: 0 13px 13px 0; 	display: inline; } .alignleft { 	float: left } .alignright { 	float: right; } .wp-caption {    border: 1px solid #59350b;    text-align: center;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    /* optional rounded corners for browsers that support it */    -moz-border-radius: 3px;    -khtml-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; } 	 /* == FOOTER == */ #bottom{ 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer2.png) no-repeat; 	 	 	height:154px; 	 } #bottom p{ 	text-align:center; }  #wp-footer{ 	position:absolute; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png) no-repeat; 	width:95px; 	height:26px; 	margin-top:95px; 	margin-left:460px; }	 #wp-footer a { 	display: block; 	height: 0; 	padding-top:26px; 	overflow: hidden; 	text-decoration: none; 	width: 95px; } #wp-footer a:hover { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png)  no-repeat 0 -28px; } /*------------------COMMENTS----------*/ .commentlist { 	padding: 0; 	text-align: justify; }	 .commentlist p { 	margin: 0 15px 10px 2px; 	clear:both; } #commentform p { 	margin: 5px 0; } .nocomments { 	text-align: center; 	margin: 0; 	padding: 0; } .alt{ 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background: #f2f2f2; 	border: 1px solid #b2b0a4; }	 .alt2{ 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background: #ffffff; 	border: 1px solid #b2b0a4; }	 .administrator { 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background:#e5dfcf url(http://wp-themes.com/wp-content/themes/desk-mess/images/author.png) no-repeat center ; 	border: 1px solid #7e7d75; } .cgravatar { 	float: left; 	width: 60px; 	height: 60px; 	margin: 0px 12px 0px 0px; 	border: 1px solid #47453a; } .comment-author {	 	font-size: 120%; 	font-family:Geneva, Arial, Helvetica, sans-serif; 	color: #2b2d2f; } .comment-author a:link , .comment-author a:visited, .comment-author a:active { 	color: #d21600; 	border-bottom: 1px solid #d21600 ;	 	text-decoration: none; } .comment-author a:hover { 	color: #635537; 	border-bottom:1px solid #b2b0a4; 	text-decoration: none; }		 .comment-date { 	margin-left:2px; 	margin-top:3px; 	font-size: .75em; 	color: #888; } #com{ 	width:580px; 	padding: 0 0 5px 0px; 	clear: both; } #comhead{ 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; 	margin-bottom:10px; 	color:#271b03; 	padding:8px 0 0 40px; 	font-size:18px; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;	 	width: 175px;	 	height: 36px; 	 } #respond { 	width:580px; 	padding: 0 0 5px 10px; 	clear: both; } #respond { 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; 	width: 175px;	 	height: 36px; 	margin-top:25px; 	color:#271b03; 	padding:8px 0 0 70px; 	font-size:18px; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;	  	 } #commentform {	 	margin: 10px 10px 30px 0px; 	font: 110% Arial, Helvetica, sans-serif; } #commentform p { 	padding: 6px 0px; 	margin: 0px; } #commentform label{ 	color: #787878; 	font-size: 87%; } #commentform input{ 	width: 200px; 	background: #fff; 	border: 1px solid #b2b0a4; 	padding: 5px; 	margin-top: 3px; 	font: 100% 'Trebuchet MS', Verdana, Sans-Serif; } #commentform textarea{ 	height: 130px; 	background: #fff; 	border: 1px solid #b2b0a4; 	padding: 5px; 	margin-top: 3px; 	font: 100% 'Trebuchet MS', Verdana, Sans-Serif; 	overflow: auto; } #commentform #submit{ 	cursor:pointer; } .contactform input,  .contactform textarea { 	background: #333; 	border: 1px solid #b2b0a4; 	color: #fff; } .contactform input:focus, .contactform textarea:focus { 	background:#444444; 	border: 1px solid #000;	 	padding-bottom:30px; 	color:#fff; } .contactform #contactsubmit { 	width: 85px; 	background: #111; 	border: 1px solid #666; 	color: #e3e3e3; 	font-size:.85em; } .contactform #contactsubmit:focus{	 	width: 85px; 	background: #333; 	border: 1px solid #666; 	color: #e3e3e3; 	font-size:.85em; } .contactform textarea { 	width: 340px; 	height: 200px; 	margin-bottom:10px; } .ddfmwrap { 	width: 450px; 	margin: 0; 	padding: 10px 0; }  .ddfmwrap form.ddfm { 	width: 450px; 	margin: 0; 	padding: 0; }  .ddfmwrap form.ddfm legend { 	font-size: 1.1em; 	font-weight: normal; 	color: #635537; }  .ddfmwrap form.ddfm label { 	padding-top: 4px; 	color: #635537; 	font-weight: normal; 	line-height: normal; }   .ddfmwrap form.ddfm fieldset { 	padding: 15px 15px 15px; 	border: 1px solid #b2b0a4; }     .ddfmwrap p { 	color: #635537; }  form.ddfm .credits { 	display: none; }  .ddfmwrap .required { 	color: #cf0e0e; }  .ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect { 	padding: 4px 5px; 	background: #fdfef6; 	border: 1px solid #b2b0a4; 	color: #635537; 	font-family: Arial, Helvetica, Geneva, sans-serif; 	font-size: 1em; }  .ddfmwrap .fmtextarea { 	height: 200px; }  .ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus { 	border: 1px solid #918b6e; }  .ddfmwrap .submit { 	margin-left:-8px; 	text-align: left; }  .ddfmwrap .submit input { 	padding: 3px 12px; 	background: #fdfef6; 	border: 1px solid #918b6e; 	color: #2b2d2f; 	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif; }   #wp-calendar { empty-cells:show; font-size:12px; font-weight:bold; margin:0; padding:0; text-align:center; text-decoration:none; width:200px; }	</body></html>